<template>
  <div class="tab">
    <tab :index1="index1" @nav="nav"></tab>
  </div>
</template>

<script>
import tab from "@/components/tab";
export default {
  name: "",
  components: {
    tab,
  },
  data() {
    return {
      index1: 3,
    };
  },
  created() {},
  mounted() {},
  methods: {
    nav(i) {
      this.index1 = i;
    },
  },
};
</script>
<style scoped lang="scss">
.tab {
  width: 100%;
  height: 100vh;
  background: pink;
}
</style>
